import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'
// 导入router
import router from './router'

import { renderWithQiankun, qiankunWindow } from 'vite-plugin-qiankun/dist/helper'

// 使用乾坤渲染
renderWithQiankun({
    // 挂载时
    mount (props) {
      console.log('mount')
      render(props)
    },
    bootstrap () {
      console.log('bootstrap')
    },
    unmount (props) {
      console.log('unmount', props)
    },
  })
  
  if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
    render({})
  }
  
  function render (props = {}) {
    const { container } = props
    const app = createApp(App)
    app.use(router)
    app.mount(container ? container.querySelector("#app") : "#app")
  }


// const app = createApp(App)

// // 将router对象和 app对象关联起来
// app.use(router)

// app.mount('#app')
